<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>react</title>
<script src="../../s/react/16.13.1/react.production.min.js"></script>
<script src="../../s/react/16.13.1/react-dom.production.min.js"></script>
<script src="../../s/babel/5.8.38/browser.min.js"></script>
</head>
<body>
	<div id="root"></div>
	<script type="text/babel">
		// React 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。
		class Hello extends React.Component {
			render() {
				return (
					<React.Fragment>
						<h2>Hello</h2>
						<h2>Fragments</h2>
					</React.Fragment>
				);
			}
		}
		ReactDOM.render(
			<Hello/>,
			document.getElementById('root')
		);
    </script>
</body>
</html>